<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
	<div class="main-content">
		<div th:replace="~{fragment/left-border :: left}"></div>

		<div th:replace="~{fragment/header :: header}"></div>
		<!-- //header-ends -->
		<!-- main content start-->
		<div id="page-wrapper" >
			<div class="main-page">
				<div class="elements  row">
				<div class="col-md-4 profile widget-shadow chat-mdl-grid">
					<li> <a href="jieshuliaotian"><i class="fa fa-sign-out"></i> 结束对话</a> </li>
						<h4 class="title3" >Chat</h4>
						<a href="kehuziliao" >客户资料</a>


					<tr class="info" th:each="cs,rowInfo : ${messageList}">
						<div class="scrollbar scrollbar1">
							<div class="activity-row activity-row1 activity-right">
								<div class="col-xs-3 activity-img"><img src="images/1.png" class="img-responsive" alt=""></div>
								<div class="col-xs-9 activity-img1">
									<div class="activity-desc-sub">
										<p th:text="${cs.getContent()}"></p>
										<span th:text="${cs.getSendtime()}"></span>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>

						</div>
					</tr>
						<div class="chat-bottom">
							<form>
								<div class="form-group">
									<label class="col-sm-2 control-label">常用回复:</label>
									<div class="col-sm-8">

										<select multiple="" class="form-control1">
											<tr class="info" th:each="cw,rowInfo : ${session.cw}">
											<option><p th:text="${cw.getContent()}"></option>

										</select>
									</div>
								</div>
								<input type="text" placeholder="Reply" required="" name="message">
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>

</body>
</html>